@@include('include/head.html')
                <div class="aiui-tabs aiui-tabs-card">
                    <div class="aiui-tabs-header">
                        <div class="aiui-tabs-nav-wrap">
                            <div class="aiui-tabs-nav-scroll">
                                <ul class="aiui-tabs-list">
                                    <li class="aiui-tabs-item is-active">
                                        基本
                                    </li>
                                    <li class="aiui-tabs-item">
                                        系统
                                    </li>
                                    <li class="aiui-tabs-item">
                                        上传
                                    </li>
                                    <li class="aiui-tabs-item">
                                        开发
                                    </li>
                                    <li class="aiui-tabs-item">
                                        数据库
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="aiui-tabs-content">
                        <div class="aiui-table-toolbar clearfix" >
                            <div class="aiui-col-xs12 aiui-col-md6">
                                <div class="aiui-btn-group">
                                    <button class="aiui-btn aiui-btn-primary">新增</button>
                                    <button class="aiui-btn aiui-btn-success">启用</button>
                                    <button class="aiui-btn aiui-btn-warning">禁用</button>
                                    <button class="aiui-btn aiui-btn-error">删除</button>
                                </div>
                            </div>
                            <div class="aiui-col-xs12 aiui-col-md6 clearfix">
                                <div class="aiui-form aiui-col-xs12 aiui-col-md8" aiui-filter="select-form" aiui-form>
                                    <div class="aiui-input-group aiui-input-group-append aiui-input-group-prepend aiui-col-xs8" style="float:none;">
                                        <div class="aiui-input-group-prepend">
                                            <select name="seach_field" aiui-select>
                                                <option value="" selected="selected">不限</option>
                                                <option value="title">标题</option>
                                            </select>
                                        </div>
                                        <input type="text" class="aiui-input-inner" name="activity" placeholder="请输入活动名称">
                                        <div class="aiui-input-group-append">
                                            <button class="aiui-btn aiui-btn-primary">查询</button>
                                        </div>
                                    </div>
                                    <button class="aiui-btn aiui-btn-primary" style="margin-left: 10px;">高级查询</button>
                                </div>
                            </div>
                        </div>
                        <table id="admin_Config_list" aiui-stripe="true" aiui-border="true">
                            
                        </table>
                    </div>
                </div>
                <script>
                        aiui.use(['form','table'],function(form,table){        
                            var list_table = table.render({
                                ele:'#'+'admin_Config_list',
                                columns:[
                                {"field":"id","title":"ID","order":false,"type":"checkbox","width":40,"fixed":"left"},
                                {"field":"name","title":"名称","order":false,"type":"text","width":"","fixed":""},
                                {"field":"title","title":"标题","order":false,"type":"text","width":"","fixed":""},
                                {"field":"type","title":"类型","order":false,"type":"text","width":150,"fixed":""},
                                {"field":"status","title":"状态","order":false,"type":"text","width":150,"fixed":""},
                                {"field":"sort","title":"排序","order":false,"type":"text","width":150,"fixed":""},
                                {"field":"","title":"操作","order":false,"type":"text","width":200,"fixed":""},
                                ],
                                data:{
                                    ajaxurl:'http://basesns.com',
                                    method:'post',
                                },
                                columnMinWidth:40,
                                page:{
                                    show:true
                                },
                                height:'full-280'
                            })
                        })
                    // aiui.use(['form','table'],function(form,table){
        
                    //     var demotable = table.render({
                    //         ele:"#testdemo"
                    //     })
                    //     console.log(demotable);
                        
                        // var data = [];
                        // for (let i = 0; i < 20; i++) {
                        //     data.push({
                        //         field: i,
                        //         name: 'John Brown',
                        //         age: i + 1,
                        //         street: 'Lake Park',
                        //         building: 'C',
                        //         door: 2035,
                        //         caddress: 'Lake Street 42',
                        //         cname: 'SoftLake Co',
                        //         gender: 'M',
                        //     });
                        // }
                        // var demotable = table.render({
                        //     ele:"#testdemo",
                        //     columns:[
                        //     {
                        //         "title": "Name",
                        //         "field": "name",
                        //         'type':'checkbox',
                        //         "fixed": "left",
                        //         "width": 200
                        //     },
                        //     {
                        //         "title": "Show",
                        //         "field": "show",
                        //         "width": 150,
                        //         "sortable": true,
                        //         filters: [
                        //             {
                        //                 label: 'Greater than 4000',
                        //                 value: 1
                        //             },
                        //             {
                        //                 label: 'Less than 4000',
                        //                 value: 2
                        //             }
                        //         ],
                        //         filterMultiple: false,
                        //         filterMethod (value, row) {
                        //             if (value === 1) {
                        //                 return row.show > 4000;
                        //             } else if (value === 2) {
                        //                 return row.show < 4000;
                        //             }
                        //         }
                        //     },
                        //     {
                        //         "title": "Weak",
                        //         "field": "weak",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "Signin",
                        //         "field": "signin",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "Click",
                        //         "field": "click",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "Active",
                        //         "field": "active",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "7, retained",
                        //         "field": "day7",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "30, retained",
                        //         "field": "day30",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "The next day left",
                        //         "field": "tomorrow",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "Day Active",
                        //         "field": "day",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "Week Active",
                        //         "field": "week",
                        //         "width": 150,
                        //         "sortable": true
                        //     },
                        //     {
                        //         "title": "Month Active",
                        //         "field": "month",
                        //         "width": 150,
                        //         "sortable": true
                        //     }
                        // ],//列集合
                        //     stripe:true,//是否有横向border
                        //     border:true,//是否有竖线
                        //     data:{
                        //         url:'http://aiadmin.com',
        
                        //     },//当前table的数据可以是数组，也可以是ajax对象
                        //     width:'',//当前table的宽度
                        //     height:'full-280',//当前table高度
                        //     columnMinWidth:'100',//
                        //     loading:true,//是否显示加载条
                        //     text:{
                        //         empty:'暂无数据',
                        //         loadError:'ajax请求失败，请重试',
                        //         loading:'数据加载中',
                        //     },//操作过后显示的一些文本如加载失败
                        //     Tooltip:{
                        //         show:true,
                        //         effect:'dark',
                        //     },//提示框设置
                        //     sort:'id',//排序字段
                        //     page:{
                        //         show:true
                        //     }//可传入一个对象或者使用默认
                        // });
                    // })
                    </script>
@@include('include/foot.html')